<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>王者农药</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.web{
				width: 800px;
				box-sizing: border-box;
				margin: 0 auto;
				background: skyblue;
				font-size: 0;
				padding:36px 28px;
			}
			.web li{
				display: inline-block;
				font-size: 14px;
				text-align: center;
				margin-right: 37px;
				margin-bottom: 34px;
				
			}
			.web li img{
				width:83px;
				height:83px;
				border: 2px solid #258DF2;
				border-radius: 10px 0 10px 0;
				/*display: inline-block;*/
			}
			.web h6{
				line-height: 21px;
				background: yellow;
				margin-top: 5px;
			}
			.web a{
				text-decoration: none;
				color:black;
			}
			
		</style>
	</head>
	<body>
		<div class="web">
			<ul>
				<li>
					<a href="#">
						<img src="img/1.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							明世隐
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/2.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							女娲
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/3.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							梦奇
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/4.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							苏烈
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里玄策
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/6.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里守约
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/1.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							明世隐
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/2.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							女娲
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/3.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							梦奇
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/4.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							苏烈
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里玄策
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/6.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里守约
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/1.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							明世隐
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/2.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							女娲
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/3.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							梦奇
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/4.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							苏烈
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/5.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里玄策
						</h6>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/6.jpg" alt="" />
					</a>
					<a href="#">
						<h6>
							百里守约
						</h6>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
